<template>
    <div class="citizen-services">
        <!-- 市民爆料热点问题分析 -->
        <hotspotIssues />
        <!-- app服务分析 -->
        <appService />
    </div>
</template>

<script>
// 市民服务专题
import hotspotIssues from './components/hotspotIssues'
import appService from './components/appService'
export default {
    components: { hotspotIssues,appService },
    methods: {

    },
}
</script>

<style lang="less" scoped>
.citizen-services {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1001;
    padding: 0 3rem;

    >div {
        position: relative;
        padding: 2.1rem 1.6rem 1.6rem 2.1rem;
        background: url('../../../assets/images/zhangzi/shimin/bigback.png') no-repeat;
        background-size: 100% 100%;

        &::before {
            content: '';
            position: absolute;
            top: 0.5rem;
            left: 0.5rem;
            width: 1rem;
            height: 1rem;
            background-image: url('../../../assets/images/zhangzi/shimin/leftup.png');
            background-size: 100% 100%;
        }

        &::after {
            content: '';
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
            width: 1rem;
            height: 1rem;
            background-image: url('../../../assets/images/zhangzi/shimin/rightup.png');
            background-size: 100% 100%;
        }
    }
}
</style>